<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>

</head>
<body>
<div id="box">

    <!--头部-->
    <div class="xf_header">
        <header>
            <a href="#"><img src="img/logo_big01.png"/> </a>
            <div class="city">
                <img src="img/icon-address.png"/>
                <span>武汉市</span>
                <a>切换城市</a>
            </div>
            <div class="nva">
                <a href="#">全部</a>
                <a href="#">蛋糕</a>
                <a href="#">下午茶</a>
                <a href="#">手信</a>
                <a href="#">团购预约</a>
                <a href="#">关于我们</a>
            </div>
            <div class="link">
                <img src="img/i-search.jpg"/>
                <img src="img/i-cart.jpg"/>
                <img src="img/i-user.jpg"/>
                <a href="#">联系我们</a>
            </div>
        </header>
        <!--banner-->
        <div class="banner">
            <a href="#">
                <img src="img/bg.jpg"/>
            </a>
        </div>
        <div class="cake_type">
            <div>
                <a>
                    <img src="img/cake_03.jpg"/>
                </a>
                <a>
                    <span>AFTERNOON TEA </span>
                    <span>下午茶</span>
                </a>
                <p>“一杯咖啡，一份甜点，一抹偷不走的时光”</p>
            </div>
            <div>
                <a>
                    <img src="img/cake_05.jpg"/>
                </a>
                <a>
                    <span>CAKE  </span>
                    <span>蛋糕</span>
                </a>
                <p>“只有国王才有资格拥有的，享受众人给予的祝福”</p>
            </div>
            <div>
                <a>
                    <img src="img/cake_07.jpg"/>
                </a>
                <a>
                    <span>SOUVENIR </span>
                    <span>手信</span>
                </a>
                <p>“不在于贵，一情意，一真诚”</p>
            </div>
        </div>
<!--footer-->
        <div class="xf_footer">
            <footer>
                <div class="footer1">
                    <div class="msg">
                        <a href="#">品牌动态</a>
                        <a href="#">生产经营资质</a>
                        <a href="#">企业合作</a>
                        <a href="#">发票申请</a>
                        <a href="#">平台规则</a>
                        <a href="#">帮助服务</a>
                        <a href="#">联系我们</a>
                    </div>
                    <div class="tel">
                        <a><img src="img/tel_03.jpg"/>
                        <span>400-999-6665</span>
                        </a>
                        <a href="#">WEIBO</a>
                        <a href="#">WECHAT</a>
                        <a href="#">京东商城</a>
                    </div>
                </div>
                <div class="footer2">
                    <div class="copyright">
                        <span>深圳市幸福商城科技股份有限公司</span>
                        <span>粤ICP备16039394号-6</span>
                        <span>京公网安备44030702002399</span>
                        <span> 公司地址：深圳市龙岗区坂田街道布龙339鸿生源工业园A座5楼</span>
                    </div>
                </div>
            </footer>
        </div>
    </div>

</div>

</body>
</html>